<html>
    <HEAD>
            <meta Content-Type: text/html; charset=utf-8>
            <TITLE>microsynd</TITLE>

            <style type="text/css">
body 
{ 
    margin: 0; 
    padding: 0; 
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
} 
#centered
{ 
    width: 600px; /* set to desired width in px or percent */
    text-align: left; /* optionally you could use "justified" */
    border: 0px; /* Changing this value will add lines around the centered area */
    padding: 0;  
    margin: 0 auto; 
}
            </style>

            <script type="text/javascript"> 
                function twitter_auth() { 
                    var xmlhttp;
                    xmlhttp=new XMLHttpRequest(); 
                    xmlhttp.open("GET", "/twitter_auth", false);
                    xmlhttp.send(); 
                    document.write(xmlhttp.responseText);
                }
            </script>

    </HEAD>

<body>

<div id="centered">

<table width="100%" height="100%">

<tr>
<td>
<center>

{{user}} @ microsynd
{% for shout in shouts %}
<div>
  {{shout.message}}
</div>
{% endfor %}
<form action="" method="post" accept-charset="utf-8">
    <p><textarea name="message" value="" id="message" rows=5 cols="40"></textarea></p>

  <table>
      <tr align="center">
        <td>
            <input type="checkbox" {{checkfacebook}} name="facebook" value="yes" />
        </td>

        <td>
            <input type="checkbox" {{checkweibo}} name="weibo" value="yes" />
        </td>

        <td>
            <input type="checkbox" {{checkbuzz}} name="buzz" value="yes" />
        </td>

        <td>
            <input type="checkbox" {{checktwitter}} name="twitter" onclick="twitter_auth()" value="yes" />
        </td>
      </tr>

      <tr align="center">
        <td>
          <img src="/static/facebook.jpg" height="32"/>
        </td>
        
        <td>
          <img src="/static/weibo.gif" height="32"/>
        </td>

        <td>
          <img src="/static/buzz.jpg" height="32"/>
        </td>

        <td>
          <img src="/static/twitter.jpg" height="32"/>
        </td>
      </tr>
  </table>

  <p><input type="submit" value="push"></p>
</form>
<p><a href="{{ logout }}">Logout</a></p>

</center>
</td>
</tr>
</table>

</div>
</body>
</html>
